<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    
    ajax({
        type:"get",
        url:"http://localhost:3000/getUser",
        data:{
            username:"admin",
            password:"11231",
            a:10,b:20,c:30
        },
        success:res=>{
            // 请求成功后的数据
            console.log(res);
        },
        error:code=>{
            console.log(code);
        }
    })

    function ajax(ops){
        // 参数解析，注意处理默认参数
        let {type, data, success, error, url} = ops;
        // 请求时携带的数据解析
        // key=value&key=value&....
        let str = "";
        for(let i in data){
            str += `${i}=${data[i]}&`;
        }
        // 拼接到url
        url = url + "?" + str.slice(0,-1);
        // 开启ajax请求
        const xhr = new XMLHttpRequest();
        xhr.open(type, url);
        xhr.onload = function(){
            if(xhr.status === 200){
                // 请求成功，执行成功的回调函数，同时将请求成功后得到的数据带出去
                success(xhr.responseText);
            }else{
                // 请求失败，执行失败的回调函数，同时将请求失败时的状态带出去
                error(xhr.status);
            }
        }
        xhr.send();
    }


</script>
</html>